<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>主页 - 课堂问答</title>
    <!-- Bootstrap -->
<!--<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">-->
<!--你自己的样式文件 -->
<link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/base.css" />
<link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/fullpage.css" />
<link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/font-awesome.min.css" />
<!-- <link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/login.css" /> -->
<!-- <link href="css/your-style.css" rel="stylesheet">      -->   
<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<!--<script src="http://cdn.bootcss.com/jquery/2.0.0/jquery.js"></script>-->
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/jquery.min.js"></script>
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/fullpage.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/bootstrap.min.js"></script>
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/base.js"></script>
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/md5.js"></script>
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/vue.js"></script>
<script type="text/javascript" src="/text01/mynet/quizzhku/1/Public/Js/Chart.min.js"></script>
    
	<link rel="stylesheet" type="text/css" href="/text01/mynet/quizzhku/1/Public/Css/index.css" />

</head>
<body>
    
	<div class="navbar navbar-inverse" role="navigation">
    <div>
        <div class="navbar-header">
            　<!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 -->
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- 确保无论是宽屏还是窄屏，navbar-brand都显示 -->
            <a href="/text01/mynet/quizzhku/1/index.php" class="navbar-brand">
                <i class="glyphicon glyphicon-book"></i>
                课堂问答系统
            </a>
        </div>
        <!-- 屏幕宽度小于768px时，div.navbar-responsive-collapse容器里的内容都会隐藏，显示icon-bar图标，当点击icon-bar图标时，再展开。屏幕大于768px时，默认显示。 -->
        <div class="collapse navbar-collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav">
                <li><a href="/text01/mynet/quizzhku/1/index.php">首页</a></li>
                <li><a href="##">移动版</a></li>
                <li><a href="##">关于我们</a></li>
                <li><a href="#">帮助</a></li>
            </ul>
            <ul class="nav navbar-nav pull-right">
                <?php if($_SESSION['name']!= null): ?><li><a href="/text01/mynet/quizzhku/1/index.php/Home/TeaClass/classes">进入管理 <i class="fa fa-long-arrow-right"></i></span></a></li>
                <?php else: ?>
                    <li><a href="/text01/mynet/quizzhku/1/index.php/Home/Auth/login"><span class="glyphicon glyphicon-log-in"></span> 登陆</a></li>
                    <li><a href="/text01/mynet/quizzhku/1/index.php/Home/Auth/register">注册</a></li><?php endif; ?>
            </ul>
        </div>
    </div>
</div>
        

    
	<div id="page">
		<div class="section section1"><img src="/text01/mynet/quizzhku/1/Public/Images/section1.jpg"/></div>
		<div class="section section2"><img src="/text01/mynet/quizzhku/1/Public/Images/section2.jpg"/></div>
		<div class="section section3"><img src="/text01/mynet/quizzhku/1/Public/Images/section3.jpg"/></div>
		<div class="section section4"><img src="/text01/mynet/quizzhku/1/Public/Images/section4.jpg"/></div>
	</div>
	<script>
		$(function(){
			$("#page").fullpage({
//				sectionsColor:["#B5A8A7","#E9E6D3","blue","green"],
				navigation:true,
				navigationTooltips:["海滩","稻田","美女","豪车"],
				showActiveTooltip:true,
				fixedElements:"#navbar",
				anchors:["s1","s2","s3","s4"],
				afterLoad:function(anchor,index){
					if(index == 1){
						$(".section1 img").css("transform","scale(1.1,1.1)");
					}
					else if(index == 2){
						$(".section2 img").css("transform","skew(0deg,0deg)");
					}
					else if(index == 3){
						$(".section3 img").css("opacity","1");
					}
					else if(index == 4){
						$(".section4 img").css("transform","scale(1.1,1.1)");
					}
				},
				onLeave:function(index,next,dir){
					if(index == 1){
						$(".section1 img").css("transform","scale(1,1)");
					}
					else if(index == 2){
						$(".section2 img").css("transform","skew(20deg,0deg)");
					}
					else if(index == 3){
						$(".section3 img").css("opacity","0.3");
					}
					else if(index == 4){
						$(".section4 img").css("transform","scale(1,1)");
					}
				}
			});
		});
	</script>

</body>